.wgt-inlineInput {
  &.readOnly {
    cursor: default;
    input ,div{
      cursor: default;
      opacity: 0.5;
    }
    .inlint-title {
      opacity: 1;
    }
  }
  .inlint-title{
    color: $explain-font-color;
    font-size: 12px;
    margin: 20px 0 10px;
    text-align: left;
  }
  .textOrPassword{
    position: relative;
    .eye{
      position: absolute;
      right: 10px;
      top: 10px;
      z-index: 99;
      font-size: 16px;
    }
  }
  .error-info {
    color: $red-color;
    font-size: 12px;
    padding-top: 10px;
    text-align: left;
    line-height:20px;
  }
  .inline {
    position: relative;
    // 获取验证码
    .get-verifi-btn {
      position: absolute;
      line-height: 18px;
      height: 18px;
      top :12px;
      right: 12px;
      padding-left: 12px;
      border-left: 1px solid $base-font-color;
      color: $base-font-color;
      font-size: 14px;
      cursor: pointer;
      width: 100px;
      text-align: center;
      z-index:11;
    }
    // 填写手机号 and 选择区号
    &.phone-input{
      position: relative;
      input {
        text-indent: 126px;
      }
      .pop-mobile-box {
        position: absolute;
        top: 41px;
        left: 0px;
        width: 100%;
        border: 1px solid $border-blue-color;
        background-color: $input-background;
        input {
          height:34px;
          line-height:34px;
          border-radius: 0;
          text-indent: 10px;
          width:100%;
          font-size: 14px;
        }
        .country-code-box{
          height: 205px;
          overflow-x: hidden;
        }
        .country-code-list{
          overflow-x: hidden;
        }
      }
      // 选择区号 下拉列表
      .area-code {
        position: absolute;
        width: 116px;
        top: 1px;
        left: 0;
        border-right: 1px solid $border-blue-color;
        cursor: pointer;
        text-align: center;
        z-index: 12;
        height:40px;
        color:$base-font-color;
        line-height: 42px;
      }
      .icon-down {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        z-index: 11
      }
    }
    // 下拉列表
    &.select-input {
      input {
        cursor: default;
      }
      .icon-down {
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        top: 35%;
        right: 12px;
        font-size: 14px;
        margin: 0;
        z-index:11;
      }
    }
    .optionBox {
      position: absolute;
      top: 43px;
      left: 0;
      width: 100%;
      height: auto;
      // max-height: 272px;
      overflow-x: hidden;
      overflow-y: auto;
      border: 1px solid $border-blue-color;
      background-color: $input-background;
      z-index:13;
      scrollBar()
    }
    .select-option-box {
      width: 100%;
      z-index:13;
      li {
        padding: 5px 10px;
        text-align: left;
        line-height:24px;
        height: 24px;
        color: $base-font-color;
        &:hover {
          color:$blue-font-color;
          cursor: pointer;
          background-color: $sub-background-color;
        }
        &.current {
          color:$blue-font-color;
          cursor: pointer;
          background-color: $sub-background-color;
        }
      }
    }
  }
  input {
    height: 40px;
    line-height: 40px;
    text-indent: 10px;
    position:relative;
    z-index:10;
  }


}
body {
  .container {
    .ln {
      padding: 0;
      .nc_wrapper{
        width: 100% !important;
      }
      .nc-container .nc_scale .nc_bg {
        background: $base-background-color;
        border-radius: 2px;
      }
      .nc-container .nc_scale .scale_text {
        line-height: 48px;
      }
      .nc-container .nc_scale .btn_ok {
        height: 42px;
        width: 42px;
        line-height: 42px;
        background: none;
        border-radius: 2px;
        border-color: $blue-font-hover;
        color: $blue-font-hover;
        top: -1px;
      }
      .nc-container .nc_scale .scale_text2 {
        color: $blue-font-hover;
      }
      .nc-container .nc_scale .clickCaptcha,
      .nc-container .nc_scale .clickCaptcha div,
      .nc-container .clickCaptcha_text .btn_refresh {
        background: $base-background-color;
        border-color: $border-blue-color;
      }
      .nc-container .clickCaptcha .clickCaptcha_img img {
        margin: 0;
      }
      .nc-container .nc_scale .clickCaptcha {
        top: 49px;
        width: auto;
        padding: 5px 20px;
      }
      .nc_scale{
        height : 42px;
        line-height 42px;
        border: 1px solid $border-blue-color;
        border-radius: 2px;
        background: $input-background;
        .btn_slide {
          line-height: 40px;
          top: -1px;
          width: 42px;
          height: 42px;
          line-height: 42px;
          border: 1px solid $blue-font-hover;
          border-radius: 2px;
          background: $base-background-color;
        }
        .btn_warn {
          border: 1px solid $red-color;
        }
      }
    }
  }
  #countryCode {
    text-align: left;
    input {
      text-indent: 10px;
    }
      .icon-down {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        position: absolute;
        top: 35%;
        right: 12px;
        z-index: 11;
      }
  }
  //  START 胖虎添加 用于注册页面
  #countryCodeRegister{
    text-align: left;
    input {
      text-indent: 10px;
    }
    .icon-down {
      display: inline-block;
      vertical-align: middle;
      font-size: 14px;
      position: absolute;
      top: 30%;
      right: 12px;
      z-index: 11;
    }
  }
  // END 胖虎添加
  // 滑动验证码 输入弹框样式覆盖
  .nc-container .imgCaptcha {
      width: 100%
      background: $white-color
      top: 50px;
      padding-top: 10px;
  }
  .nc-container .imgCaptcha .imgCaptcha_text{
    width: 260px;
    height 50px;
    background: none;
  }
  .nc-container .imgCaptcha .imgCaptcha_text input,
  .nc-container .imgCaptcha .imgCaptcha_text input:focus {
    height: 40px;
    line-height: 40px;
    width: 99%
    border: 1px solid $blue-font-color;
    background-color: #fff;
    color: $blue-font-hover;
  }
  .nc-container .imgCaptcha .nc_scale_submit {
    background-color: $blue-font-color;
  }
  .nc-container .imgCaptcha .btn_refresh {
    color: $blue-font-color;
    font-size: 24px;
    right: 10px;
  }
  .nc-container .nc_captcha_img_text span.nc-lang-cnt {
    color: red
  }
  .nc-container .nc_scale .imgCaptcha,
  .nc-container .nc_scale .clickCaptcha {
    z-index: 50 !important;
  }
  .scale_text i {
    color: $red-color;

  }
    // 极验 验证码 样式重置
    .captchaBox {
      background: $input-background;
      height: 40px;
      border: 1px solid $border-blue-color
    }
    .geetest_holder.geetest_wind .geetest_radar_btn ,
    .geetest_holder.geetest_wind .geetest_radar_btn:hover{
      background: none;
      border: none;
    }
    .geetest_holder.geetest_wind.geetest_radar_click_ready .geetest_radar_btn {
      background: $input-background;
      border: 1px solid $border-blue-color
    }


    .geetest_holder.geetest_wind .geetest_radar_tip {
      color: $explain-font-color
      font-size: 12px;
    }
    .geetest_holder.geetest_wind .geetest_success_btn,
    .geetest_holder.geetest_wind .geetest_success_btn:hover {
      border: none;
      background: $table-border-color;
      height: 40px;
    }
    .geetest_holder.geetest_wind .geetest_success_radar_tip {
      color: $blue-font-color;
      font-size: 12px;
    }
    .geetest_holder.geetest_wind .geetest_success_btn .geetest_success_box .geetest_success_show {
      background: none;
      border: none;
    }
    .geetest_logo,
    .geetest_success_logo {
      display: none;
    }
    #wait {
      height: 40px;
      width: 100%;
      text-align: center;
      background: $input-background;
      border: 1px solid $border-blue-color
    }
    .loading {
        margin: auto;
        width: 70px;
        height: 40px;
    }
    .loading-dot {
        float: left;
        width: 8px;
        height: 8px;
        margin: 18px 4px;
        background: $explain-font-color;

        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;

        opacity: 0;

        -webkit-box-shadow: 0 0 2px black;
        -moz-box-shadow: 0 0 2px black;
        -ms-box-shadow: 0 0 2px black;
        -o-box-shadow: 0 0 2px black;
        box-shadow: 0 0 2px black;

        -webkit-animation: loadingFade 1s infinite;
        -moz-animation: loadingFade 1s infinite;
        animation: loadingFade 1s infinite;
    }

    .loading-dot:nth-child(1) {
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        animation-delay: 0s;
    }

    .loading-dot:nth-child(2) {
        -webkit-animation-delay: 0.1s;
        -moz-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }

    .loading-dot:nth-child(3) {
        -webkit-animation-delay: 0.2s;
        -moz-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .loading-dot:nth-child(4) {
        -webkit-animation-delay: 0.3s;
        -moz-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }
     @-webkit-keyframes loadingFade {
        0% { opacity: 0; }
        50% { opacity: 0.8; }
        100% { opacity: 0; }
    }

    @-moz-keyframes loadingFade {
        0% { opacity: 0; }
        50% { opacity: 0.8; }
        100% { opacity: 0; }
    }

    @keyframes loadingFade {
        0% { opacity: 0; }
        50% { opacity: 0.8; }
        100% { opacity: 0; }
    }
}

